<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>网格布局</title>
  <link rel="stylesheet" href="index.css">
  <style>
    .col {
      background-color: #ccc;
    }
  </style>
</head>

<body>
  <div>
    <div class="row">
      <div class="col">
        1/2
      </div>
      <div class="col">
        1/2
      </div>
    </div>

    <div class="row">
      <div class="col">
        1/3
      </div>
      <div class="col">
        1/3
      </div>
      <div class="col">
        1/3
      </div>
    </div>

    <div class="row">
      <div class="col">
        1/4
      </div>
      <div class="col">
        1/4
      </div>
      <div class="col">
        1/4
      </div>
      <div class="col">
        1/4
      </div>
    </div>

    <div class="row">
      <div class="col">
        Diana was the very essence of compassion, of duty, of style, of beauty. All over the world she was a symbol of selfless humanity. All over the world, a standard bearer for the right of the truly downtrodden, a very British girl who transcend nationality, someone with a natural nobility who was classless.
      </div>
      <div class="col">
        And even when you're struggling, even when you're discouraged, and you feel like other people have given up on you, don't ever give up on yourself, because when you give up on yourself, you give up on your country.
      </div>
    </div>
  </div>
</body>

</html>